body {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.container {
	display: -webkit-flex;
	display: flex;
	-webkit-flex: auto;
	flex: auto;
	-webkit-flex-direction: column;
	flex-direction: column;
	margin: 0 1rem;
	overflow: auto;
	text-align: center;
}
.container ul {
	margin: 1rem auto;
	max-width: 800px;
	padding-left: 0;
}
.container li {
	display: -webkit-inline-flex;
	display: inline-flex;
	border-color: #3F51B5;
	border-style: solid;
	border-width: 1px;
	box-sizing: border-box;
	-webkit-flex-direction: column;
	flex-direction: column;
	list-style-type: none;
	margin: 1px;
	width: calc(25% - 2px);
	height: 80px;
}
.container ul:nth-child(1) li {
	width: calc(50% - 2px);
}
.container li a {
	display: -webkit-flex;
	display: flex;
	-webkit-flex: auto;
	flex: auto;
	-webkit-flex-direction: column;
	flex-direction: column;
}
